<!DOCTYPE html>
<html lang="en">
<head>

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<style>
/* div{
font-size: 100px;
} */

body{
font-size: 100px;
}
html{
font-size: 50px;
}
p{
font-size: 1em;
}
a{
font-size: 1rem;
font-size: 1rem;
}

</style>
<body>
<!-- <div>
流式布局就是把所有的px换成%
</div>
<!-- flex布局-->
<!-- 他是父亲变成弹性盒子
主轴默认是X轴 -->
<!-- rem和em的区别 -->
<!-- <div>
<p>我是10个px的文字</p>
em是根据他的父亲字体大小决定的，如果父盒子没有字体大小他默认就是16px
</div>  -->
<a href="#">超链接</a>
rem计算公式：自己标签的字体大小/html标签的字体大小=rem
<!--  -->
rem是通过字体大小控制布局的
flexcss属性控制布局
</body>
</html>